<template>
    <div id="app">
        <!--    <img alt="Vue logo" src="./assets/logo.png">-->
        <!--    <HelloWorld msg="Welcome to Your Vue.js App"/>-->
<!--        <div class="container">-->
<!--            <h1>购物车</h1>-->
<!--            <Table :columns="columns" :data="data"></Table>-->
<!--            <template slot-scope="{row ,index}" slot="pic">-->
<!--                <img :src="row.pic" alt="">-->
<!--            </template>-->
<!--        </div>-->

        <LoginForm/>

    </div>
</template>

<script>
    // import HelloWorld from './components/HelloWorld.vue'
    import LoginForm from './components/LoginForm'
    export default {
        name: 'app',
        components: {
            // HelloWorld
            LoginForm
        },
        data() {
            return {
                columns: [
                    {
                        title: '序号',
                        key: 'name',
                        type: 'index',
                    },
                    {
                        title: '图片',
                        key: 'img',
                        slot:'pic'
                    },
                    {
                        title: '商品名称',
                        key: 'address'
                    },
                    {
                        title: '单价',
                        key: 'price'
                    },
                    {
                        title: '数量',
                        key: 'count'
                    },
                    {
                        title: '操作',
                        key: 'operation'
                    }
                ],
                data: [
                    {
                        id:'0',
                        name:'qwe12e',
                        pic:'https://t1.picb.cc/uploads/2019/12/17/klDHuM.th.jpg',
                        price:'123.12',
                        count:0
                    },
                    {

                        id:'1',
                        name:'qwe12qde',
                        pic: 'https://ftp.bmp.ovh/imgs/2019/12/aee5d1972a90d24e.jpg',
                        price:'123.12',
                        count:0
                    },
                    {
                        id:'2',
                        name:'1e2wqwe12qde',
                        pic: 'https://ftp.bmp.ovh/imgs/2019/12/aee5d1972a90d24e.jpg',
                        price:'123.12',
                        count:0
                    },
                    {
                        id:'3',
                        name:'53tqwe12qde',
                        pic: 'https://ftp.bmp.ovh/imgs/2019/12/aee5d1972a90d24e.jpg',
                        price:'123.12',
                        count:0
                    },
                    {
                        id:'4',
                        name:'pkqwe12qde',
                        pic: 'https://ftp.bmp.ovh/imgs/2019/12/aee5d1972a90d24e.jpg',
                        price:'123.12',
                        count:0
                    }
                ]
            }
        },


    }
</script>

<style>
    #app {
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        margin-top: 60px;
    }

    .container {
        width: 1224px;
        margin: 0 auto;
    }
</style>
